﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <title>城市切换</title>
    <link href="Style/Common.css" rel="stylesheet">
    <link href="Style/Login.css" rel="stylesheet">
    <script src="Js/jquery-1.9.0.min.js" type="text/javascript"></script>
    <script src="Js/jquery.cookie.js" type="text/javascript"></script>
    <script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"></script>
</head>

<body>
<div class="Header">
    <p>城市切换</p>
    <span onclick="history.go(-1)"><img src="Images/Return.png"></span>
    <!--<a href="#">提交</a>-->
</div><!--Header end-->
<div class="AreaBar">
    <p class="CurrentCity">定位城市</p>
    <div class="Area">
        <ul><li id="cuCity" onclick='getCityStr("")'>深圳</li></ul>
    </div>
    <p class="CurrentCity" style="display:none">热门城市</p>
    <div class="Area" style="display:none">
        <ul>
            <li onclick='getCityStr("北京")'>北京</li>
            <li onclick='getCityStr("深圳")'>深圳</li>
            <li onclick='getCityStr("广州")'>广州</li>
            <li onclick='getCityStr("上海")'>上海</li>
            <li onclick='getCityStr("南京")'>南京</li>
            <li onclick='getCityStr("杭州")'>杭州</li>
            <li onclick='getCityStr("天津")'>天津</li>
        </ul>
    </div>
    <div id="cityDiv">
    </div>
</div><!--AreaBar end-->
<div class="MenuBar" id="menuDiv">
</div><!--MenuBar end-->
</body>
</html>
<script src="Js/common.js" type="text/javascript"></script>
<script src="Js/Location.js" type="text/javascript"></script>
<script src="Js/city.js" type="text/javascript"></script>
<script>
    window.onload = getLocation;
    getAllCity();
</script>